<template>
  <div class="container">
    <a class="mint-cell">
      <span class="mint-cell-mask"></span>
      <div class="mint-cell-left"></div>
      <div class="mint-cell-wrapper">
        <i class="fa fa-file-word-o fa-lg"/>
        <div class="mint-cell-title">
          <span class="mint-cell-text" v-text="projectContract.name"></span>
          <span class="mint-cell-label">签订时间：{{projectContract.signDate}}</span>
        </div>
        <div class="mint-cell-value">
          <mt-badge size="small" :type="projectContract.badegType" v-text="projectContract.contractTypeStr"></mt-badge>
        </div>
      </div>
      <div class="mint-cell-right"></div>
    </a>
  </div>
</template>
<script>
  export default{
    data () {
      return {

      }
    },
    props:['projectContract'],
    methods:{
      convertType(){

      }
    }
  }
</script>
<style lang="scss" scoped>
  @import '../../base/css/_base';
  .container{
    .mint-cell{
      .mint-cell-wrapper{
        i{
          margin-right: 15px;
          color: #0074D9;
        }
      }
    }
  }
</style>
